<template>
  <div class="setting">
    <mt-header fixed title="关于美卖">
      <router-link to="/user" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div style="height: .98rem;"></div>
    <div class="about-main">
      <img src="/static/img/logo.png" width="100" alt="">
      <p>当前版本：v1.0</p>
    </div>
    <div class="Copyright">
      Copyright©2016-2019
      美卖商城 版权所有
    </div>
  </div>
</template>

<script>
import { Card } from 'vux'
export default {
  name: 'About',
  components: {
    Card
  },
  methods: {
    loginOut () {
      alert('退出登录')
      this.$store.commit('REMOVE_COUNT', this.$store.state.token)
      this.$router.push('/')
    }
  }
}
</script>

<style lang="stylus" scoped>
.mint-header
  background: #ec2935
.setting >>> .mint-cell
  border-bottom: .2rem solid #f3f3f3
.setting >>> .mint-cell-wrapper
.setting >>> .mint-cell:last-child
  background-image: none
.setting
  position: absolute
  left: 0
  right: 0
  top: 0
  bottom: 0
  background: #f3f3f3
.about-main
  background: #fff;
  text-align: center
  padding-bottom: .5rem
.Copyright
  position: absolute
  width: 100%
  bottom: .3rem
  text-align: center
</style>
